<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字符串常用方法</title>
    <script>
        function f1(){
            // let s = " admin ADMIN ";
            let s = " admin admin admin adlice ADMIN ";
            // 获取字符串长度
            console.log(s.length);
            // 大写
            console.log(s.toUpperCase());
            // 小写
            console.log(s.toLowerCase());
            // 去除指定字符串首尾的空格
            s = s.trim();
            console.log(s);
            console.log(s.length);
            // 获取指定索引位置的字符
            // 索引位置从0开始
            console.log("获取索引位置为3的字符:"+s.charAt(3));
            console.log("获取索引位置为3的字符:"+s.charAt(5));
            // 截取字符串
            // substring(begin):从begin到末尾
            // substring(begin,end):从begin到end,左闭右开
            console.log(s.substring(0,5));
            console.log(s.substring(6));
            // 获取指定子字符串第一次出现的位置
            console.log(s.indexOf("ad"));
            // 获取指定子字符串最后一次出现的位置
            console.log(s.lastIndexOf("ad"))
            // replace(s1,s2):使用指定的字符串s2替换原有字符串中的子字符串s1
            // 默认只替换一次,想要全局替换可以使用正则表达式实现
            console.log(s.replace(" ","-"));
        }
        function f2(){
            // 转换规则
            // 在将一个字符串转换成数字时,会从第一个位置开始转换
            // 遇到无法转换(非数字)的位置停止转换,结束
            // 如果字符串是一个纯数字,则直接转换
            // 如果字符串是一个小数,遇到小数点停止转换
            // 如果是一个以数字开头,包含非数字的字符串,则遇到非数字停止转换
            // 如果是一个以非数字开头,则无法转换,返回NaN
            // 在转换过程中,转换了几个数字,则返回的值就是这几个数字
            // let s = "1234.56";
            // let s = "1234abc";
            // let s = "12abc34";
            let s = "abc1234";
            let num = parseInt(s);
            console.log(num);
        }
        function f3(){
            // 转换规则与parseInt基本一致
            // 在转换时遇到的第一个小数点是可以转换的
            // 当第一个小数点后面没有数字时,则不转换该小数点
            // 遇到第二个小数点则停止转换
            // let s = "123.45.67";
            let s = "123.a";
            let num = parseFloat(s);
            console.log(num);
        }
    </script>
</head>
<body>
<button onclick="f1()">字符串方法</button><br>
<button onclick="f2()">字符串转换整数</button><br>
<button onclick="f3()">字符串转换小数</button><br>
</body>
</html>